<template>
    <div class="v-d3" >
        <span>{{name}}</span>
        <a href="javascript:void(0);">{{ selectAll && (selectAll + space) }} </a>
    </div>
</template>

<script>

    export default {
        props : {
            name : {
                type : String,
                default : '入驻歌手',
                require : true
            },
            selectAll : {
                type : String,
                default : '',
                require : false
            }
        },
        data() {
            return {
                space: '\n>'
            }
        }
    }
</script>

<style lang="scss" scoped>
  .v-d3{
                height: 23px;
                margin: 0 20px;
                border-bottom: 1px solid #ccc;
                color: #333;
                font-size: 12px;
                display: flex;
                justify-content: space-between;
                a{
                    text-decoration: none;
                    color: #333;
                    font-weight: normal;
                    &:hover{
                        text-decoration: underline;
                        color: #666;
                    }
                }
     }
</style>